<template>
	<view class="bj1">
		<view style="height: 88upx;"></view>
		<view class="dh" @click="fh()">
			<u-icon name="arrow-left" color="#ffffff" size="28"></u-icon>
			<view class="dh1">订单详情</view>
		</view>
		<view class="t1">
			<view class="t2">
				<view class="t3"><image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/bj.png"></image></view>
				<view class="t4">
					<view class="t5">花都城市门店</view>
					<view class="t6">XXX房 xx式</view>
					<view class="t7">￥1560.00</view>
				</view>
			</view>
			<view class="t8">退房</view>
			<view class="t9">
				<view>优惠卷：</view>
				<view>-￥00.00</view>
			</view>
			<view class="t9" style="margin-top: 20upx;">
				<view>商品总价：</view>
				<view>￥00.00</view>
			</view>
		</view>
		<view class="t10">
			<view class="t11">订单信息</view>
			<view class="t12">
				<view class="t13">订单编号</view>
				<view class="t14">MASD5954946</view>
				<view class="t15">复制</view>
			</view>
			<view class="t12">
				<view class="t13">交易形式</view>
				<view class="t14">微信支付</view>
			</view>
			<view class="t12">
				<view class="t13">创建时间</view>
				<view class="t14">2021-06 4 4：05：20</view>
			</view>
		</view>
	</view>
	
</template>

<script>

	export default {
		
		data() {
			return {
				show:true
			}
		},
		watch:{
			
		},
		onLoad() {
			
		},
		//导航
		mounted: function() {
			
		},
		
		methods:{
			fh(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss" scoped>	
	.bj1{
		background-image: url('https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/41.png');
		background-size: 100%;
		height: 1000upx;
	}
	.dh{
		height: 88upx;
		margin-left: 34upx;
		display: flex;
		align-items: center;
		.dh1{
			font-size: 34upx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #FFFFFF;
			margin-left: 250upx;
		}
	}
	.t1{
		width: 686upx;
		height: 400upx;
		background: #FFFFFF;
		border-radius: 12upx;
		margin: 0 auto;
		margin-top: 132upx;
		.t2{
			display: flex;
			padding-top: 42upx;
			padding-left: 22upx;
			.t3{
				image{
					width: 140upx;
					height: 140upx;
					border-radius: 10upx;
				}
			}
			.t4{
				margin-left: 20upx;
				.t5{
					font-size: 32upx;
					font-family: Source Han Sans CN-Medium, Source Han Sans CN;
					font-weight: 500;
					color: #000000;
				}
				.t6{
					font-size: 26upx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #666666;
					margin-top: 24upx;
				}
				.t7{
					font-size: 26upx;
					font-family: Source Han Sans CN-Normal, Source Han Sans CN;
					font-weight: 400;
					color: #666666;
					margin-top: 24upx;
				}
			}
		}
		.t8{
			width: 227upx;
			height: 60upx;
			border-radius: 4upx;
			opacity: 1;
			border: 2upx solid #99CCF9;
			font-size: 28upx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #96CBF9;
			text-align: center;
			line-height: 60upx;
			margin-left: 434upx;
			margin-bottom: 24upx;
		}
		.t9{
			display: flex;
			justify-content: space-between;
			padding-right: 24upx;
			padding-left: 22upx;
			view{
				font-size: 28upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #191919;
			}
			
		}
	}
	.t10{
		width: 686upx;
		height: 364upx;
		background: #FFFFFF;
		border-radius: 12upx ;
		margin: auto;
		margin-top: 20upx;
		.t11{
			font-size: 32upx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #191919;
			border-bottom: 2upx solid #F4F4F4;
			padding-left: 22upx;
			padding-top: 26upx;
			padding-bottom: 20upx;
			margin-bottom: 50upx;
		}
		.t12{
			display: flex;
			margin-left: 30upx;
			margin-bottom: 28upx;
			.t13{
				font-size: 28upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #191919;
			}
			.t14{
				font-size: 28upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #666666;
				margin-left: 74upx;
			}
			.t15{
				font-size: 28upx;
				font-family: Source Han Sans CN-Regular, Source Han Sans CN;
				font-weight: 400;
				color: #53779D;
				margin-left: 190upx;
			}
		}
	}
</style>
